<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<style type="text/css">
#table {position: absolute; top: 60px; left: 10px; width: 300px; background-color: pink;}
#table2 {position: absolute; top: 60px; left: 350px; width: 300px; background-color: yellow;}
-->
</style>	
<head>
	<title>Network Connectivity: {{option}}</title>
</head>
<body>
    <b>
    <table Border bgcolor="grey" frame="box" cellspacing="2" CELLPADDING="5">
	    <tr><td><a href="/kneva/text/connectivity/">Save text</a></td>
		    <td><a href="/kneva/cyto/connectivity/">Save Cytoscape attribute</a></td>

</tr>
</table>
</b>
<div id="table">
	<b style="font-size: larger;">Component belongness of the nodes</b>
	<Table border="1" cellpadding="3" align="top">
		<tr><th>Nodes</th><th>Component</th></tr>
		{% for n,attribute in ns %}
		<tr><td>{{n}}</td><td align="right">{{attribute}}</td></tr>
           {% endfor %}	
</table>
</div>
<div id="table2" >
	<b style="font-size: larger;">Component size distribution</b>
	<Table align="top">
		<tr><th>Component ID</th><th>Size</th></tr>
		{% for i,dis in ndis %}
		<tr><td align="center">{{i}}</td><td align="center">{{dis}}</td></tr>
        {% endfor %}	
</table>
</div>
</body>
</html>
